<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" href="structure.css"  />
<link rel="stylesheet" href="univPublicPage.css" />
<!-- Always includes -->
<link rel="shortcut icon" href="favicon.ico" />
<link type="text/css" href="css/reset.css" rel="stylesheet" />
<link type="text/css" href="css/esCore.css" rel="stylesheet" />
<link type="text/css" href="css/jq/es.jqui1.8.css" rel="stylesheet" />	
<script type="text/javascript" src="js/jq/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jq/es.jqui1.8.min.js" ></script>
<script type="text/javascript" src="js/jq/jquery.corner.js"></script>
<script type="text/javascript" src="js/tmce/jquery.tinymce.js"></script>
<script type="text/javascript" src="js/jq/jquery.tools.min.js"></script>
<script type="text/javascript" src="js/esCore.js"></script>
<!-- Always Includes end -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title wicket:id="pageTitle">Untitled Document</title>
<wicket:head>
<style>
    .lrail{
        width:200px;
        margin-right:20px;
        float:left;
    }
    
    .rrail{
        float:left;
        width: 600px;
    }
    
    #glinks{
        padding:0;
        margin:0;
    }
    
    #glinks li{
        list-style:none;
        margin-bottom:10px;
        font-size:12px;
        font-weight:bold;
        background-repeat: no-repeat;
        padding-left:25px;
    }
</style>
</wicket:head>
</head>
<body>
	<div id="outerWrapper">
    	<div id="innerWrapper">
        	<div id="headerContainer">
            	<div id="headerWrapper">
                	<div id="mainTitle">
  						<h1 style="font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;" wicket:id="groupName">University of Wisconsin</h1>
                    </div>
                </div>
            </div>
            <div id="mainWell" class="es-text clearfix">
            	<div class="clearfix" style="margin-top:20px;">
                    <div class="lrail">
                        <div style="padding-left:20px;">
                           <div>
                            <img wicket:id="img" style="padding:5px; border:1px solid #DEDDEF;" src="img.jpg"/>
                           </div>
                           <div style="margin-top:20px;">
                            <ul id="glinks">
                            	<li wicket:id="joinDiv"></li>
                                <li class="es-bg-group16"><a wicket:id="members" href="#">Members</a></li>
                                <li class="es-bg-univ16"><a wicket:id="univ" href="#">University</a></li>
                                <wicket:enclosure child="home">
                                <li class="es-bg-turnLeft16"><a wicket:id="home" href="#">Home</a></li>
                                </wicket:enclosure>
                            </ul>
                           </div>
                        </div>
                    </div>
                    <div class="rrail">
                        <wicket:child></wicket:child>
                    </div>
                </div>
				<div id="pushFooter"> &nbsp;</div>
            </div>
        </div>
    </div>
    <div id="footerContainer">
        <div id="footerWrapper">
        	<div wicket:id="footerLinks">FooterLinks goes here</div>
        </div>
   </div>	

</body>
</html>
<wicket:fragment wicket:id="loginToJoin">
	<a wicket:id="loginLink" href="#">Login to Join This Group</a>
</wicket:fragment>
<wicket:fragment  wicket:id="join">
	<a wicket:id="joinLink" href="#">Join This Group</a>
</wicket:fragment>
<wicket:fragment wicket:id="disjoin">
	<a wicket:id="disjoinLink" href="#">Disjoin This Group</a>
</wicket:fragment>
<wicket:fragment wicket:id="pending">
	<span>Approval Pending</span>
</wicket:fragment>